
//获取输入框
var inputs = document.querySelectorAll('input');
//获取登陆按钮
var loginBtn = document.querySelector('button');


//给登录按钮 绑定点击事件
loginBtn.onclick = ()=>{
    //发起登陆请求
    axios.post('/user/login', { phone:inputs[0].value, pass:inputs[1].value} ).then((res)=>{
        console.log(res.data);
        if(res.data.code==200){
            //将token存储到localStorage中
            // console.log(res.data.token);
            localStorage.setItem('token',res.data.token)

            //将服务器返回的信息，存储到了localStorage中
            localStorage.setItem('userinfo',JSON.stringify(res.data.userinfo))
            alert('登录成功')
            //在登录页面输入的用户名显示到index界面的header>.user
            //两个页面之间数据共享(通信)，可以借助localStorage,sessionStorage,cookie
            //他们都无法跨域共享数据(通信)
            //存数据：localStorage.setItem(key,value);如果value是个引用类型，必须转为字符串类型再存入
            //取数据：localStorage.getItem(key);取出来默认是字符串类型，如果是数组/对象形式的字符串，则需要转为json对象
            
            location.href='./index.html'
        }else{
            alert('登陆失败')
        }
    })
}

